<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度一下，就知道</title>

    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/private.css">

</head>
<body>
    <div id="head" class="clearfix">
            <div class="head_left fix_left clearfix">
                <a href="#" class="fex_left">新闻</a>
                <a href="#" class="fex_left">hao123</a>
                <a href="#" class="fex_left">地图</a>
                <a href="#" class="fex_left">  贴吧</a>
                <a href="#" class="fex_left">视频</a>
                <a href="#" class="fex_left">图片</a>
                <a href="#" class="fex_left"> 网盘</a>
                <div class="more fex_left">
                    <a href="#">更多</a>
                    <div class="nine_photograph">
                        <a href="#">
                            <i class="ico phot_one"></i>
                            <span>翻译</span>
                        </a>
                        <a href="#">
                            <i class="ico phot_two"></i>
                            <span>学术</span>
                        </a>
                        <a href="#">
                            <i class="ico phot_three"></i>
                            <span>文库</span>
                        </a>
                        <a href="#">
                            <i class="ico phot_flour"></i>
                            <span>百科</span>
                        </a>
                        <a href="#">
                            <i class="ico phot_five"></i>
                            <span>知道</span>
                        </a>
                        <a href="#">
                            <i class="ico phot_six"></i>
                            <span>健康</span>
                        </a>
                        <a href="#">
                            <i class="ico phot_seven"></i>
                            <span>营销推广</span>
                        </a>
                        <a href="#">
                            <i class="ico phot_eight"></i>
                            <span>直播</span>
                        </a>
                        <a href="#">
                            <i class="ico phot_nine"></i>
                            <span>音乐</span>
                        </a>

                        <a href="#" class="more_foot">查看全部百度产品 > </a>
                    </div>
                </div>

                <div class="head_right fex_right clearfix">
                    <div class="set fex_left">
                        <a href="#">设置</a>

                        <div class="list">
                            <a class="list_link" href="#">高级搜索</a>
                            <a class="list_link" href="#">高级搜索</a>
                            <a class="list_link" href="#">高级搜索</a>
                            <a class="list_link" href="#">高级搜索</a>
                            <a class="list_link" href="#">高级搜索</a>
                        </div>
                    </div>
                    <a href="#" class="btn fex_left">登录</a>
                </div>

    </div>

    <div id="main">
        <a href="#" title="百度一下，就知道" class="logo_link">
            <img src="./img/pc_9c5c85e6b953f1d172e1ed6821618b91.png" alt="百度一下，就知道" class="logo">
        </a>

        <div class="search_box">
            <div class="input_box fex_left">
                <input type="text" id="keyword" name="keyword">
                <i></i>
            </div>
                <a href="#" class="search_btn fex_left">百度一下</a>
        </div>


        <div class="hot_search">
            <h3>
                <span class="fix_left">百度热搜 &gt;</span>
                <span class="fex_right">换一换</span>
            </h3>
            <div class="news_box">
                <div class="fex_left">
                    <a href="#" class="news_title"> <span class="color_1">1</span>美对俄制裁不得损中方权益热295号汽油</a>
                    <a href="#" class="news_title"> <span class="color_2">2</span>美对俄制裁不得损中方权益热295号汽油</a>
                    <a href="#" class="news_title"> <span class="color_3">3</span>美对俄制裁不得损中方权益热295号汽油</a>
                </div>
                <div class="fex_left">
                    <a href="#" class="news_title"> <span>4</span>美对俄制裁不得损中方权益热295号汽油</a>
                    <a href="#" class="news_title"> <span>5</span>美对俄制裁不得损中方权益热295号汽油</a>
                    <a href="#" class="news_title"> <span>6</span>美对俄制裁不得损中方权益热295号汽油</a>
                </div>
            </div>

        </div>
    </div>


        <div id="foot">
            <a href="#">关于百度</a>
            <a href="#">About Baidu</a>
            <a href="#">使用百度前必读</a>
            <a href="#"> 帮助中心</a>
            <a href="#"> 京公网安备11000002000001号</a>
            <a href="#">京ICP证030173号</a>
            <span>©2022 Baidu</span>
            <span>互联网药品信息服务资格证书 (京)-经营性-2017-0020</span>
            <a href="#"> 信息网络传播视听节目许可证 0110516</a>
        </div>


</body>
</html>